<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>电信光网品质优服务好！我是{$data.name}，邀您一起为幸福加速！</title>
    <script src="__HJS__jquery.min.js"></script>
    <script src="__HJS__mui.min.js"></script>
    <link href="__HCSS__mui.min.css" rel="stylesheet"/>
    <link href="__HCSS__mui.min.css" rel="stylesheet"/>
    <script src="__HJS__jweixin-1.0.0.js"></script>
    <link rel="stylesheet" href="__HCSS__index.css"/>
    <link href="__HCSS__style.css" rel="stylesheet" />

    <script type="text/javascript" charset="utf-8">
        mui.init({
            gestureConfig: {
                longtap: true
            },
            swipeBack: true //启用右滑关闭功能
        });

        //制作
        function makeIt(){

            var url="{:U('index')}";
            window.location=url;
//
//            mui.openWindow({
//                url: "{:U('index')}",
//                id: "make",
//                show: {
//                    aniShow: 'zoom-fade-out',
//                    duration: 300
//                }
//            });
        }
        //分享
        function shareIt(){

            $('.mask').css('display', 'block');
            $('.sharebox').css('display', 'block');

        }

        $(function () {

            $('#action').bind('click', function () {
                mui.openWindow({
                    url: "{:U('index')}",
                    id: "make",
                    show: {
                        aniShow: 'zoom-fade-out',
                        duration: 300
                    }
                });
            });
            $('.info').bind('click', function () {
                mui.openWindow({
                    url: "{:U('info')}",
                    id: "info",
                    show: {
                        aniShow: 'zoom-fade-out',
                        duration: 300
                    }
                });
            });
            $('.photo').bind('click', function () {
                $('.bottom').toggle();
            });
            $('.mask').bind('click', function () {
                $('.mask').css('display', 'none');
                $('.sharebox').css('display', 'none');
            });
            $('#share').bind('click', function () {
                $('.mask').css('display', 'block');
                $('.sharebox').css('display', 'block');
            });
        });
    </script>
</head>

<body>
<!--导航-->
<div class="mui-content">
    <div class="mui-content-padded mui-text-center">
        <img src="__HIMG__tianyi.png" class="photo_left"/>
        <img src="__HIMG__dianxin.png" class="photo_right"/>
    </div>
</div>
<!--主体照片-->
<div class="cont_text">
    <img src="__HIMG__big_text.png" class="absolute" alt=""/>

    <div class="photo_cont">
        <img src="__UPS__{$data['cover']}" alt=""/>
    </div>
</div>
<!--主体文字内容-->
<div class="middle_text" style="margin-bottom: 60px">
    <!--<div class="img">-->
        <!--<img src="__HIMG__bg_text.png" alt="">-->
    <!--</div>-->
    <!--<div class="lt">-->
        <!--<p class="top">我是 <span>{$data['name']}</span></p>-->

        <!--<p class="bto">-->
            <!--<img src="__HIMG__text.png" alt="">-->
        <!--</p>-->
        <!--<ul>-->
            <!--<li><span>光网宽带   300M</span></li>-->
            <!--<li><span>天翼4G      100M</span></li>-->
            <!--<li><span>家庭WiFi   100M</span></li>-->
        <!--</ul>-->
    <!--</div>-->
    <!--<div class="rt">-->
        <!--<img src="__HIMG__erweima.jpg" alt=""/>-->
        <!--<p>-->
            <!--<span style="color: #333333">长按二维码 </span><br/>-->
            <!--<span>享更多优惠！ </span>-->
        <!--</p>-->
    <!--</div>-->
    <div class="bg">
        <img src="__HIMG__xiugai.png" alt="">
        <div class="text">
            {$data.name}
        </div>
    </div>
</div>
<div class="bottom">
<a href="javascript:makeIt()" class="l_t">我也要制作</a>
<a href="javascript:shareIt()" id="share" class="r_t">分享给朋友</a>
</div>
<div class="sharebox" hidden="hidden">
    <img src="__HIMG__share.png">
</div>
<div class="mask" hidden="hidden"></div>

</body>
</html>